<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎登录FPMS飞行计划管理系统</title>
    <link rel="shortcut icon" href="<img src=../image/aqntm-vebii-001.ico"/>
</head>
<body>
<style>
    body{
        width: 100%;
        /*noinspection CssUnknownTarget*/
        background-image:url(../image/B-777_8KFPMS.png);
        background-repeat:no-repeat;
        background-size:100% ;
    }
    .login{
        float:right;
        margin-right:20vh;
        margin-top:15vh;
        opacity:0.7;
        height: 35vh;
        width:50vh;
        background: #00a2ff;
        border-radius: 20px;
    }
    .title{
        font-size:20px;
        text-align:center;
    }
    .biao{
        margin-top:20px;
        font-size:20px;
        text-align:center;
    }
</style>
<div class='login'>
    <div class='title'>欢迎登录FPMS</div>
    <div class='biao'>
        <form action="/login" method='post'>
            <label>用户：</label><input type="text" name='user'><br><br>
            <label>密码：</label><input type="password" name='pwd'><br>
            <input type="submit" value='登录' style='width:100px;height:25px;margin-top:25px;background:#08ff00'>
        </form>
    </div>
</div>
<style type="text/css">
    body {
        padding: 0;
        margin: 0 auto;
    }

    #footer {
        height: 40px;
        line-height: 40px;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        background: #333;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .content {
        height: 1800px;
        width: 100%;
        text-align: center;
    }
</style>
</head>
<body>
<div id="footer"><span style="font-family:微软雅黑;">&copy; Continue Flight Plan Management System</span>
</div>
</body>
</body>
</html>